<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="" content="">
    <title>客户分布统计</title>
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="../../css/common1.css" rel="stylesheet">
    <link href="../../js/plugins/DatePicker/skin/WdatePicker.css" rel="stylesheet">
    <link href="../../css/customerDistriStatistics.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.mintb.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.mintb.js"></script>
    <![endif]-->
    <script src="../../js/plugins/echarts/echarts-all.js"></script>
    <script src="../../js/plugins/jquery/jquery-2.1.1.min.js"></script>
    <script src="../../js/plugins/bootstrap/bootstrap.min.js"></script>
    <!--<script src="js/plugins/DatePicker/WdatePicker.js"></script>-->
</head>
<body>
    <div class="container-fluid">
        <div class="head">
            <span class="fa fa-line-chart chart-title">用户分布统计</span>
        </div>
        <div class="chart">
            <div class="switch">
                <span class="distribute">分布</span>
                <span class="map click-able" >地图</span>
            </div>
            <div id="main" >

            </div>
        </div>
        <div class="content container-fluid">
            <div class="content-title">
               <span class="fa fa-table"></span> 省市客户数据分布
            </div>
            <table id="list" class="table table-striped table-bordered table-hover dataTables-example text-center display">
                <thead>
                <tr>
                    <th>省市</th>
                    <th>客户总量</th>
                    <th>新增客户总量</th>
                    <th>新增客户占比</th>
                    <th>登录总时长</th>
                    <th>启动次数</th>
                    <th>启动次数占比</th>
                </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            黑龙江
                        </td>
                        <td>
                            2
                        </td>
                        <td>
                            34
                        </td>
                        <td>
                            21%
                        </td>
                        <td>
                            4
                        </td>
                        <td>
                            23
                        </td>
                        <td>
                            2%
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
 <script type="text/javascript" src="../../js/page/chart/bar.js"></script>
</html>
